*{ margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box;}
body{ position: relative; font: 14px/1.5 Microsoft YaHei, arial, 微软雅黑, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden;}
i, em{ font-style: normal;}
a{ color: #333;}
h1, h2, h3, h4, h5, h6, b{ font-weight: normal;}
img{border: none \9;display: inline-block;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.fl{ float: left;}
.fr{ float: right;}
@font-face{ font-family: 'Kozuka Gothic Pr6N-Bold';src: url('../fonts/kozuka gothic pr6n-bold.ttf');font-weight: normal; font-style: normal;}
.ty_content,.tywidth{ width: 1200px; margin: 0 auto;}
.more-title{ position: relative; z-index: 6; width: 1200px; margin: 0 auto; text-align: center;}
.more-title h5{ color: #333; font-size: 36px; line-height: 36px;}
.more-title .hr{ display: inline-block; vertical-align: top; width: 284px; height: 1px; background: rgb(204, 204, 204); margin: 14px 0;}
.more-title h6{ font-size: 20px; color: #666; line-height: 20px;}
@-webkit-keyframes bounce-up{ 25%{-webkit-transform: translateY(2px);}
	50%, 100%{-webkit-transform: translateY(0);}
	75%{-webkit-transform: translateY(-2px);}
	}
@keyframes bounce-up{ 25%{transform: translateY(2px);}
	50%, 100%{transform: translateY(0);}
	75%{transform: translateY(-2px);}
	}
@keyframes msClock{ 0%,90%,100%{ transform: rotate(0) scale(1);}
	20%,40%{ transform: rotate(-15deg) scale(1.1);}
	30%,50%{ transform: rotate(15deg) scale(1.1);}
	}

/*头部*/

.header{ width: 100%; font-size: 0;}
.header_top{ background: url(../images/head_top.png)no-repeat center; width: 100%; height: 46px; line-height: 46px;}
.header_top .nr .topic{ color: #fff; font-size: 14px;}
.header_top .nr .navbj a,.header_top .nr .navbj i{ color: #333; font-size: 14px;}
.header_top .nr .navbj i{ margin: 0 15px;}
.header_top .nr .navbj a:hover{ color: #080059; font-weight: bold;}
.header .header_slogan{ height: 105px;}
.header .header_slogan .logo{ width: 235px; margin-top: 25px;}
.header .header_slogan .logo img{ margin-left: -10px;}
.header .header_slogan .logo:hover img{ -webkit-animation: bounce-up 1.3s linear infinite; animation: bounce-up 1.3s linear infinite;}

/*导航*/

.header .nav{ width: 965px; padding-top: 50px;}
.header .nav .nav-content nav .xz{ position: relative; display: inline-block; vertical-align: top; text-align: center; margin-right: 0;}
.header .nav .nav-content nav .xz i{ padding: 0 18.941px; color: #333; font-size: 16px; position: relative; height: 28px; line-height: 28px; overflow: hidden;}
.header .nav .nav-content nav .xz i b{ position: relative; z-index: 6; transition: all .3s;}
.header .nav .nav-content nav .xz i:before{content: "";background: #ffffff;width: 0;height: 28px;position: absolute;left: 45%;border-radius: 14px;bottom: -5px;z-index: 1;transition: all .3s;}
.header .nav .nav-content nav .xz.on i:before,.header .nav .nav-content nav .xz:hover i:before{ width: 100%; left: 0;}
.header .nav .nav-content nav .xz hover .xz{    background-color: #080059;color: #ffffff

}
.header .nav .nav-content nav .xz.on b,.header .nav .nav-content nav .xz:hover b{color: #333;}
.header .nav .nav-content nav a:last-child{ margin-right: 0;}
.header .nav .nav-content nav .xz ul{ display: none; position: absolute; left: -25px; top: 29px; z-index: 999; width: 150%;}
.header .nav .nav-content nav .xz ul li{ font-size: 14px; height: 40px; line-height: 40px; background: #333; color: #fff;}
.header .nav .nav-content nav .xz ul li:hover{ background: #fff; color: #080059; font-weight: bold;}

/*轮播*/

.banner-index{ line-height: 0;}
.banner-index img{ width: 100%;}
.slideBox{ width: 100%; height: auto; overflow: hidden; position: relative;}
.slideBox .hd{ overflow: hidden; position: absolute; right: 5%; top: 48%; z-index: 1;}
.slideBox .hd ul{ overflow: hidden; zoom: 1;}
.slideBox .hd ul li{ position: relative; width: 14px; height: 14px; margin-bottom: 10px; cursor: pointer; overflow: hidden;}
.slideBox .hd ul li:after{ content: ""; background: #080059; width: 14px; height: 14px; position: absolute; left: 0; top: 0; transform: scale(0); transition: all .3s;}
.slideBox .hd ul li:before{ content: ""; background: #fff; width: 14px; height: 14px; position: absolute; left: 0; top: 0; transition: all .3s;}
.slideBox .hd ul li.on:after{ transform: scale(1);}
.slideBox .hd ul li.on:before{ transform: scale(0);}
.banner-index .slideBox .bd img{ width: 100%;}
.slideBox .bd ul li{ display: none;}
.slideBox .bd ul li:first-child{ display: none;}
.banner img{ width: 100%;}

/*搜索*/

.search{font-size: 0;position: relative;z-index: 1;top: -60px;}
.search .search-content{ background-color: rgb(255, 255, 255); box-shadow: 0px 3px 5px 0px rgba(1, 1, 1, 0.32); height: 131px; overflow: hidden;}
.search .search-content>div{ display: inline-block;vertical-align: top; padding-top: 35px;}
.search .search-content .text{ margin-left: 17px; width: 435px; text-align: center;}
.search .search-content .text h5{ font-weight: bold; color: #333; font-size: 20px; font-weight: bold; line-height: 20px; margin-bottom: 10px;}
.search .search-content .text h5 b{ color: #080059; font-weight: bold;}
.search .search-content .text h6 i{ display: inline-block; vertical-align: middle; color: #333; font-size: 18px; line-height: 18px; margin: 0 10px;}
.search .search-content .text h6 img{ display: inline-block; vertical-align: middle;}
.search .search-content .boss{ margin-left: 80px;}
#searchForm{background: url(../images/search.png)no-repeat; width: 352px; height: 30px; display: inline-block; vertical-align: top;}
#searchForm>input{ text-indent: 15px; background: none; border: none; outline: none; display: inline-block; vertical-align: top; color: #ccc;}
#searchForm .search-input{ height: 30px; line-height: 30px; width: 90%;}
.search-form #s_btn{ width: 30px; height: 30px; cursor: pointer;}
#searchForm .search-input::-webkit-input-placeholder{/* WebKit browsers */
	color: #ccc;}
#searchForm .search-input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
	color: #ccc;}
#searchForm .search-input::-moz-placeholder{/* Mozilla Firefox 19+ */
	color: #ccc;}
#searchForm .search-input:-ms-input-placeholder{/* Internet Explorer 10+ */
	color: #ccc;}
.search .search-keywords{ margin-top: 15px;}
.search .search-keywords span,.search .search-keywords a,.search .search-keywords i{ color: #666; font-size: 14px;}
.search .search-keywords a:hover{ color: #080059;}
.search .search-keywords i{ display: inline-block; vertical-align: top; margin: 0 5px;}
.search .ssrx{ padding: 15px 25px 0 0; float: right; text-align: right;}
.search .ssrx i img{ vertical-align: middle; margin-right: 20px;animation: msClock 1.2s linear infinite; animation: msClock 1.2s linear infinite;}
.search .ssrx i{ display: block; font-size: 16px; line-height: 16px; color: #333;}
.search .ssrx p{ margin-top: 8px; font-size: 24px; font-weight: bold; line-height: 24px; color: #080059;}

/*solution*/

.solution{ background: url(../images/jjfabg.png)no-repeat center; padding-top: 60px; width: 100%; height: 920px; overflow: hidden;}
.solution .hd{ margin-top: 30px; padding: 0 24px;}
.solution .hd ul li{ float: left; position: relative; width: 273px; height: 121px; overflow: hidden; margin-right: 20px; cursor: pointer;}
.solution .hd ul li:last-child{ margin-right: 0;}
.solution .hd ul li>div{ width: 273px; height: 121px; overflow: hidden; transition: all .5s;}
.solution .hd ul li .by{ padding: 35px 0 0 35px; position: relative; z-index: 6;}
.solution .hd ul li .by dt{ color: #fff; font-size: 18px; line-height: 18px;}
.solution .hd ul li .by b{ margin: 15px 0 10px; width: 87px; height: 1px; background: #fff; display: inline-block; vertical-align: top;}
.solution .hd ul li .by dd{ color: #fff; font-size: 14px; line-height: 14px; text-transform: uppercase;}
.solution .hd ul li .xs{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.solution .hd ul li .yc{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 0;}
.solution .hd ul li.on .yc,.solution .hd ul .more:hover .yc{ height: 100%;}
.solution .hd ul li.on .xs,.solution .hd ul .more:hover .xs{ opacity: 0;}
.solution .bd{ margin-top: 30px; height: 537px; overflow: hidden;}
.solution .bd ul li .big{ width: 770px; height: 537px;}
.solution .bd ul li .pic{ overflow: hidden; position: relative;}
.solution .bd ul li .pic img{ width: 100%; transition: all .8s;}
.solution .bd ul li .pic:hover img{ transform: scale(1.1, 1.1);}
.solution .bd ul li .text{background-color: rgba(0, 0, 0, 0.6);position: absolute;left: 0;bottom: 0;width: 100%;height: 81px;}
.solution .bd ul li .big .text{padding: 10px 30px 0 30px;he;height: 120px;}
.solution .bd ul li .big .text h3{ margin-bottom: 5px; color: #fff; font-size: 20px; font-weight: bold;}
.solution .bd ul li .big .text p{ color: #fff; font-size: 16px;}
.solution .bd ul li .small{ margin-left: 22px; width: 408px; height: 537px; overflow: hidden;}
.solution .bd ul li .small .pic{ width: 408px; height: 259px; overflow: hidden;}
.solution .bd ul li .small .pic+.pic{ margin-top: 19px;}
.solution .bd ul li .small .text{line-height: 25px;padding: 0 30px 0 25px;}
.solution .bd ul li .small .text p{ color: #fff; font-size: 12px;}

/*product*/

.product{padding-top: 50px;background: #ffffff;width: 100%;height: 1046px;overflow: hidden;font-size: 0;}
.product .hd{border-bottom: 1px solid #ccc;height: 80px;}
.product .hd .icon{ width: 60px; height: 12px; background: url(../images/cpicon.png)no-repeat;}
.product .hd .cp_fl{width: 1050px;}
.product .hd .cp_fl h3{display: inline-block;vertical-align: top;line-height: 16px;height: 50px;width: 201px;margin-bottom: 30px;}
.product .hd .cp_fl h3:nth-child(5n){ margin-right: 0;}
.product .hd .cp_fl h3 a{ position: relative; color: #333; font-size: 16px; display: inline-block;}
.product .hd .cp_fl h3 a:hover{ color: #080059;}
.product .hd .cp_fl h3 a:before{ content: ""; position: absolute; left: 0; bottom: -15px; transition: all .3s; width: 0; background: #080059; height: 3px;}
.product .hd .cp_fl h3 a:hover:before{ width: 100%;}
.product .hd .more{ color: #333; font-size: 16px; text-transform: uppercase; margin-top: 42px;}
.product .hd .more:hover{ color: #080059; -webkit-animation: msClock 1.3s linear infinite; animation: msClock 1.3s linear infinite;}
.product .bd ul li{background: #080059;text-align: center;display: inline-block;vertical-align: top;width: 381px;margin: 0 28px 30px 0;transition: all .5s;}
.product .bd ul li:nth-child(3n){ margin-right: 0;}
.product .bd ul li .pic{ width: 381px; height: 286px; overflow: hidden;}
.product .bd ul li .title{ width: 100%; height: 53px; line-height: 53px; overflow: hidden;}
.product .bd ul li .pic img{width: 100%;transition: all .8s;height: 300px;}
.product .bd ul li:hover .pic img{ transform: scale(1.1, 1.1);}
.product .bd ul li:hover{ box-shadow: 0px 7px 13.92px 2.08px rgba(0, 0, 0, 0.15);}
.product .bd ul li .title i{color: #fff;font-size: 16px;transition: all .5s;}
.product .bd ul li .title b{ width: 20px; height: 20px; display: inline-block; vertical-align: top; background: url(../images/cpicon1.png)no-repeat; transition: all .5s; margin: 17px 0 0 10px;}
.product .bd ul li:hover .title b{ background: url(../images/cpicon2.png)no-repeat;}
.product .bd ul li:hover .title i{ color: #ffffff;}

/*about*/

.about{ margin-top: 30px; position: relative;}
.about:before{ content: ""; position: absolute; right: 0; bottom: 0; z-index: 1; background: url(../images/aboutbk.png)no-repeat; width: 365px; height: 295px;}
.about .top_title{ line-height: 0; margin-bottom: 10px;}
.about .text p{ line-height: 30px; color: #666; font-size: 16px;}
.about .text .more{ position: relative; display: block; color: #fff; font-size: 16px; border-radius: 11px; width: 105px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; background: #080059; transition: all .5s;}
.about .text .more:hover{ width: 140px; text-decoration: underline;}
.about .history{ margin-bottom: 20px; position: relative;}
.about .history dt{ line-height: 0; margin-bottom: 30px;}
.about .history ul ol{ position: relative;}
.about .history ul ol li{ margin-right: 120px; position: relative; z-index: 6; float: left; font-size: 14px; color: #ccc; height: 45px; line-height: 14px; text-align: center; cursor: pointer;}
.about .history ul ol li.on{ color: #080059;}
.about .history ul ol li i:before{ content: ""; width: 14px; height: 14px; position: absolute; left: 3px; bottom: 3px; background: url(../images/abouticon1.png)no-repeat; transition: all .5s;}
.about .history ul ol li i:after{ content: ""; width: 20px; height: 21px; position: absolute; left: 0; bottom: 0; background: url(../images/abouticon2.png)no-repeat; transition: all .5s; transform: scale(0);}
.about .history ul ol li.on i:before{ transform: scale(0);}
.about .history ul ol li.on i:after{ transform: scale(1);}
.about .history ul ol li i{ display: block; margin: 10px auto; width: 20px; height: 21px; position: relative;}
.about .history ul ol:before{ content: ""; width: 1196px; height: 12px; position: absolute; left: 0; bottom: 4px; background: url(../images/abouthr.png)no-repeat;}
.about .history ul dl{ margin-top: 10px; height: 46px;}
.about .history ul dl dd{ position: relative; display: inline-block; vertical-align: top; background: #080059; font-size: 14px; color: #fff; padding: 0 65px 0 10px; height: 46px; line-height: 46px;}
.about .history ul dl dd:before{ content: ""; width: 12px; height: 11px; position: absolute; left: 17px; top: -10px; background: url(../images/abouticon3.png)no-repeat;}
.about .history ul dl dd:nth-child(2){ left: 167px;}
.about .history ul dl dd:nth-child(3){ left: 334px;}
.about .history ul dl dd:nth-child(4){ left: 465px; padding-right: 10px;}
.about .history ul dl dd:nth-child(4):before{ left: 52px;}
.about .history ul dl dd:nth-child(5){ left: 667px;}
.about .history ul dl dd:nth-child(6){ left: 805px; padding-right: 10px;}
.about .history ul dl dd:nth-child(6):before{ left: 48px;}
.about .history ul dl dd:nth-child(7){ left: 700px;}
.about .history ul dl dd:nth-child(7):before{ left: 319px;}
.about .pic{ position: relative; z-index: 6; line-height: 0; height: 340px; overflow: hidden;}
.about .pic img{ width: 100%; transition: all .3s;}
.about .pic img:hover{ transform: scale(1.1, 1.1);}

/*strength*/

.strength{ background: #080059; width: 100%; height: 411px; padding-top: 25px; margin-top: 65px;}
.strength .bd{ width: 924px;}
.strength .bd ul li{ float: left; width: 216px; height: 168px; overflow: hidden; margin: 0 20px 20px 0;}
.strength .bd ul li img{ width: 100%; transition: all .3s;}
.strength .bd ul li img:hover{ transform: scale(1.1, 1.1);}
.strength .bd ul li:nth-child(7){ margin-right: 0;}
.strength .text{ text-align: right; padding-top: 40px; width: 276px;}
.strength .text dt{ height: 146px;}
.strength .text dt img{ margin-left: -190px;}
.strength .text dd{ color: #cbc9c9; font-size: 16px; margin: 20px 0 40px;}
.strength .text .more a{ border-radius: 15px; display: inline-block; vertical-align: top; color: #fff; font-size: 16px; border: 1px solid #fff; width: 104px; height: 29px; line-height: 29px; text-align: center;}
.strength .text .more a:hover{ background: #fff; color: #080059;}

/*advantage*/

.advantage{margin-top: 70px;position: relative;height: 658px;}
.advantage:before{ content: ""; width: 528px; height: 180px; position: absolute; left: 0; top: -70px; background: url(../images/ystb4.png)no-repeat;}
.advantage .nr .bd{width: 1300px;height: 585px;position: absolute;left: 50%;margin-left: -628px;}
.advantage .nr .bd .pic{width: 683px;height: 585px;overflow: hidden;}
.advantage .nr .bd .pic img{ width: 100%;}
.advantage .nr .bd .text .xz{ position: relative; z-index: 666;}
.advantage .nr .bd .text{padding: 18px 83px 0px 48px;margin: 77px -47px 0 -117px;width: 576px;height: 336px;overflow: hidden;background-color: rgb(255, 255, 255);box-shadow: 0px 7px 13.92px 2.08px rgba(0, 0, 0, 0.15);}
.advantage .nr .bd .text .topic h5{ color: rgba(102, 102, 102, 0.2); font-size: 34px; font-weight: bold; text-transform: uppercase; line-height: 34px; height: 45px;}
.advantage .nr .bd .text .topic h5 i{ width: 52px; color: #080059; font-size: 52px; line-height: 52px; font-weight: bold; font-family: arial;}
.advantage .nr .bd .text .topic h6{ margin-bottom: 5px; color: #333; font-size: 24px; font-weight: bold;}
.advantage .nr .bd .text .wb p{margin-bottom: 15px;padding: 0 0 0 15px;background: url(../images/ystb2.png)no-repeat left 11px;color: #666;font-size: 15px;line-height: 18px;}
.advantage .nr .bd .dy{width: 553px;margin-left: -383px;position: relative;z-index: 7;}
.advantage .nr .hd{position: relative;z-index: 8;margin-left: 324px;padding-top: 341px;}
.advantage .nr .hd ul{ margin: 35px 53px 0 0;}
.advantage .nr .hd ul li{ width: 16px; height: 16px; position: relative; float: left; margin-right: 15px; cursor: pointer;}
.advantage .nr .hd ul li:before{ content: ""; position: absolute; left: 1px; top: 1px; z-index: 1; background: url(../images/ystb1.png)no-repeat; width: 14px; height: 14px; transition: all .5s;}
.advantage .nr .hd ul li:after{ content: ""; position: absolute; left: 0; top: 0; z-index: 1; background: url(../images/ystb1s.png)no-repeat; width: 16px; height: 16px; transition: all .5s; transform: scale(0);}
.advantage .nr .hd ul li.on:before{ transform: scale(0);}
.advantage .nr .hd ul li.on:after{ transform: scale(1);}
.advantage .nr .hd .btn{ width: 127px; height: 76px; line-height: 76px; color: #fff; font-size: 25px; cursor: pointer;text-align: center;}
.advantage .nr .hd .prev{ background: #666;}
.advantage .nr .hd .next{ background: #080059;}

/*model1*/

.model1{ background: url(../images/con1bg.png)no-repeat center; width: 100%; height: 460px; overflow: hidden; padding-top: 50px; font-size: 0;}
.model1 .nr{ background: #fff; padding: 40px 50px 0 25px; height: 348px;}
.model1 .nr .left p{ line-height: 0; margin: 30px 0;}
.model1 .nr .left dt{ color: #666; font-size: 16px; margin-bottom: 5px;}
.model1 .nr .left h3{ color: #080059; font-size: 32px; font-weight: bold;}
.model1 .nr .left dd{ background: url(../images/con1phone.png)no-repeat left; color: #080059; font-size: 24px; font-weight: bold; padding-left: 40px;}
.model1 .nr .right{ width: 512px; height: 267px; overflow: hidden;}
.model1 .nr .right img{ width: 100%; transition: all .3s;}
.model1 .nr .right img:hover{ transform: scale(1.1, 1.1);}

/*honor*/

.honor{font-size: 0;margin-top: 60px;hei;height: 500px;rflow: hidden;}
.honor .nr .top{ background: url(../images/honortop.png)no-repeat; width: 1098px; height: 82px; margin: 0 auto 30px; overflow: hidden; padding-top: 6px;}
.honor .nr .top>div{ display: inline-block; vertical-align: top;}
.honor .nr .top a{ margin-left: 2px; width: 90px; height: 76px;}
.honor .nr .top .phone dt{ color: #fff; font-size: 23px; font-weight: bold; margin: 7px 0 -3px 0;}
.honor .nr .top .phone i{color: #fff;font-size: 33px;/* margin-top: 13px; *//* padding-top: 10px; */position:  relative;top: 10px;}
.honor .nr .bottom>div{ display: inline-block; vertical-align: top;}
.honor .nr .bd{ width: 1100px; margin: 0 15px; overflow: hidden;}
.honor .nr .bd ul li{position: relative;text-align: center;width: 237px;height: 200px;margin: 0 45px 45px 0;display: inline-block;vertical-align: top;}
.honor .nr .bd .ul2 li{ width: 352px; height: 230px; margin-right: 20px;}
.honor .nr .bd .ul2 li:before{ height: 110px;}
.honor .nr .bd ul li:before{content: "";position: absolute;z-index: 1;left: 0;bottom: 0;background: #080059;width: 100%;height: 148px;}
.honor .nr .bd ul li .pic{ position: relative; z-index: 2; line-height: 0;}
.honor .nr .bd ul li .title{position: relative;z-index: 2;margin-top: 10px;font-size: 14px;color: #666!important;}
.honor .nr .bd ul li:hover:before{ background: #080059;}
.honor .nr .bd ul li:hover .title{ color: #fff;}
.honor .prev{ background: url(../images/btn1.png)no-repeat;}
.honor .prev:hover{ background: url(../images/btns1.png)no-repeat;}
.honor .next{ background: url(../images/btn2.png)no-repeat;}
.honor .next:hover{ background: url(../images/btns2.png)no-repeat;}
.honor .btn{m;margin-top: 100px;ursor: pointer;display: inline-block;vertical-align: top;width: 34px;height: 71px;}

/*case*/

.case{ background: #efefef; height: 826px; overflow: hidden; margin-top: 65px;}
.case .nr{ background: #fff; border: 1px solid #ccc; height: 642px; overflow: hidden;}
.case .hd{ width: 265px;}
.case .hd ul li{ position: relative; width: 235px; height: 120px; padding-top: 45px; transition: all .5s; text-align: center; cursor: default; background: #080059; cursor: pointer; margin-bottom: 4px;}
.case .hd ul li b{ display: block; color: #fff; font-size: 18px;}
.case .hd ul li p{ font-size: 12px; color: rgba(255, 255, 255, 0.612); text-transform: uppercase;}
.case .hd ul li.on,.case .hd ul .more:hover{ background: #031642;}
.case .hd ul li:before{ content: ""; width: 35px; height: 46px; position: absolute; right: -15px; top: 43px; opacity: 0; background: url(../images/caseicon.png)no-repeat; transition: all .5s;}
.case .hd ul li.on:before{ opacity: 1;}
.case .bd{ width: 933px; padding: 20px 25px 0 0; font-size: 0;}
.case .bd ul li .more>a{ margin-top: 30px; display: inline-block; vertical-align: top; border: 1px solid rgb(153, 153, 153); border-radius: 14px; width: 95px; height: 29px; color: #333; font-size: 14px; text-align: center; line-height: 29px;}
.case .bd ul li .more>a:hover{ background: #080059; color: #fff; -webkit-animation: bounce-up 1.3s linear infinite; animation: bounce-up 1.3s linear infinite;}
.case .bd ul li .top>div{ display: inline-block; vertical-align: top; height: 353px; overflow: hidden; margin-bottom: 20px;}
.case .bd ul li .top .pic{ width: 474px;}
.case .bd ul li .top .text{ padding-top: 15px; margin-left: 45px; width: 389px;}
.case .bd ul li .top .text h3 a{ color: #333; font-size: 24px;}
.case .bd ul li .top .text p{ margin: 15px 0 0; color: #333; font-size: 16px; font-weight: bold; width: 325px;}
.case .bd ul li .top .text p i{ color: #666; font-size: 14px; line-height: 26px; font-weight: normal;}
.case .bd ul li img{ width: 100%; transition: all .3s;}
.case .bd ul li img:hover{ transform: scale(1.1, 1.1);}
.case .bd ul li dl dd{ display: inline-block; vertical-align: top; width: 288px; height: 221px; margin-right: 22px; overflow: hidden;}
.case .bd ul li dl dd:last-child{ margin-right: 0;}

/*new*/

.new{ height: 380px; overflow: hidden;}
.new .newlist1{ width: 732px;}
.new .newlist1 .top{ overflow: hidden; margin-bottom: 20px;}
.new .newlist1 .top p{ font-size: 24px; color: #333;line-height: 24px; margin-bottom: 5px;}
.new .newlist1 .top b{ display: block; line-height: 0;}
.new .newlist1 .stnew{ border-bottom: 2px solid rgb(102, 102, 102); overflow: hidden; padding-bottom: 20px; margin-bottom: 20px;}
.new .newlist1 .stnew .pic{ width: 392px; height: 158px; overflow: hidden;}
.new .newlist1 .stnew .pic img{ width: 100%;transition: all .3s;}
.new .newlist1 .stnew .pic:hover img{ transform: scale(1.1, 1.1);}
.new .newlist1 .stnew h3{ border-left: 3px solid #080059; padding-left: 10px; line-height: 18px;}
.new .newlist1 .stnew h3 a{ color: #080059; font-size: 18px; line-height: 18px;}
.new .newlist1 .stnew p{color: #666;font-size: 14px;line-height: 30px;height: 80px;overflow: hidden;margin-top: 4px;}
.new .newlist1 .stnew .js{ width: 325px; height: 158px; overflow: hidden; margin-left: 15px;}
.new .newlist1 .stnew .more{ display: block; float: right; color: #fff; font-size: 14px; line-height: 33px; border-radius: 5px; text-align: center; background: #080059; width: 127px; height: 33px;}
.new .newlist1 .list dl dd a{ color: #333; font-size: 16px; line-height: 16px;}
.new .newlist1 .list dl dd{ height: 17px; overflow: hidden; float: left; width: 50%; background: url(../images/newicon.png)no-repeat left 3px; padding-left: 15px; line-height: 16px; margin-bottom: 15px;}
.new .newlist1 .list dl dd a:hover{ color: #080059;}
.new .newlist1 .list dl dd:nth-child(2n){ margin-left: 55px; width: 42%;}
.new .newlist2{w;width: 406px;argin-left: 17px;}
.new .newlist2 .hd{ margin-bottom: 20px;}
.new .newlist2 .hd ul li,.new .newlist2 .hd ul dd{ float: left; color: #333; font-size: 24px; line-height: 24px;}
.new .newlist2 .hd ul li.on{ color: #080059;}
.new .newlist2 .hd p{ margin-top: 5px; color: #d9d9d9; font-size: 16px; line-height: 16px; text-transform: uppercase;}
.new .newlist2 .bd ul li dd:first-child{ margin-top: 5px;}
.new .newlist2 .bd ul li dd a{ color: #333; font-size: 14px; line-height: 14px;}
.new .newlist2 .bd ul li dd{h;height: 17px;verflow: hidden;background: url(../images/newicon.png)no-repeat left 2px;padding-left: 15px;line-height: 14px;margin-top: 12px;}
.new .newlist2 .bd ul li dd a:hover{ color: #080059;}
.new .newlist2 .bd ul li dd i{ float: right; color: #666; font-size: 14px; line-height: 14px;}
.new .newlist2 .bd ul li .stpic{ width: 451px; height: 148px; overflow: hidden;}
.new .newlist2 .bd ul li .stpic img{ width: 100%;transition: all .3s;}
.new .newlist2 .bd ul li .stpic:hover img{ transform: scale(1.1, 1.1);}
.new .newlist2 .bd{ height: 330px; overflow: hidden;}

/*foot*/

.foot{ margin-top: 50px; height: 392px; background: #080059;}
.foot .nav{ background: #080059; height: 47px; line-height: 47px;}
.foot .nav ul{ padding: 0 15px;}
.foot .nav ul li{ float: left; margin-right: 53px;}
.foot .nav ul li a{ color: #fff; font-size: 16px;}
.foot .nav ul li:last-child{ margin-right: 0;}
.foot .nav ul li a:hover{ text-decoration: underline;}
.foot .content{ padding-top: 55px; height: 300px;}
.foot .content>div{ float: left;}
.foot .content .logo p{ color: #fff; font-size: 16px; margin-top: 5px;}
.foot .content dt{ color: #fff; font-size: 24px; margin-bottom: 10px;}
.foot .content .text p{ color: #eee; font-size: 14px;}
.foot .content .text p b{ width: 25px; display: inline-block; vertical-align: middle;}
.foot .content .text p i{ width: 70px; display: inline-block; vertical-align: middle;}
.foot .content .link{ float: right; width: 185px; margin-right: 55px;}
.foot .content .link dd{ float: left; width: 50%; margin-bottom: 2px;}
.foot .content .link a{ font-size: 14px; color: #eee;}
.foot .content .link a:hover,.foot .copy a:hover{ color: #fff; text-decoration: underline;}
.foot .copy{ text-align: center; height: 45px; line-height: 45px; border-top: 1px solid #999; color: #fff; font-size: 14px;}
.foot .copy a{ color: #fff; font-size: 14px;}